<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="./css/bootstrap.css">
    <link rel="stylesheet" href="./css/hs.css">
    <link rel="stylesheet" href="./css/footer.css">
    <link rel="stylesheet" href="./css/navbar.css">
    <link rel="stylesheet" href="./css/index.css">
    <script src="./js/jquery.min.js"></script>
    <script src="./js/popper.min.js"></script>
    <script src="./js/bootstrap.min.js"></script>
    <title>婚礼活策划</title>
    <style>
      .bg-zt ul h6{
   color: white;
 }
 .bg-zt ul li a{
   color: white;
 }
 .bg-zt ul li{
   color: white;
 }
 .bg-zt ul li{
   color: white;
}
    </style>
</head>
<body>
  <!-- 导航 -->
   <div class="hs-navbar bg-white">
      <div class="container ">
         <div class="navbar navbar-expand-lg bg-white navbar-light">
           <!-- logo -->
           <a href=""><img src="./moban5554/images/logo-dark.png" alt="" class="w-25"></a>   
             <!-- 右侧菜单组 -->
            <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button>
            <div class="collapse navbar-collapse" id="navbarSupportedContent">
               <ul class="navbar-nav ml-auto py-4 py-md-0">
                  <li class="nav-item active"><a class="nav-link" href="1.html">HOME</a></li>
                  <li class="nav-item"><a class="nav-link" href="#">ABOUT</a></li>
                  <li class="nav-item"><a class="nav-link" href="3.html">SERVICES</a></li>
                  <li class="nav-item"><a class="nav-link" href="#">PORTFOLIO</a></li>
                  <li class="nav-item"><a class="nav-link" href="2.html">CONTACT</a></li>
                  <li class="nav-item"><a class="nav-link" href="#">BLOG</a></li>
               </ul>
             </button>
            </div>
         </div>      
      </div>
   </div>  
   <!-- 轮播图 -->
   <div class="hs-lb bg-light">
     <div class="container">
      <!--最外层父级 -->
      <div class="carousel slide" id="banner" data-ride="carousel">
        <!--展示图的区域-->
        <div class="carousel-inner ">
         <div class="carousel-item active">
            <ul class=" list-unstyled d-sm-flex">
              <li><img src="./moban5554/images/services/1.jpg" alt="" class="d-block w-100"></li> 
              <li><img src="./moban5554/images/services/2.jpg" alt="" class="d-block w-100"></li> 
              <li><img src="./moban5554/images/services/3.jpg" alt="" class="d-block w-100"></li> 
            </ul>
         </div>  
         <div class="carousel-item">   
            <ul class=" list-unstyled d-sm-flex">
              <li><img src="./moban5554/images/services/4.jpg" alt="" class="d-block w-100"></li> 
              <li><img src="./moban5554/images/services/5.jpg" alt="" class="d-block w-100"></li> 
              <li><img src="./moban5554/images/services/6.jpg" alt="" class="d-block w-100"></li> 
            </ul>
         </div>
       </div>
       <!-- 左右切换 -->
     <a href="#banner" class="carousel-control-prev hs-lr" data-slide="prev">
       <span class="carousel-control-prev-icon"></span> 
     </a>
     <a href="#banner" class="carousel-control-next hs-lr" data-slide="next">
       <span class="carousel-control-next-icon"></span> 
     </a>
     <!-- 控制符 -->
     <ul class="carousel-indicators hs-kzf">
      <li data-target="#banner" data-slide-to="0" class="active"></li>  
      <li data-target="#banner" data-slide-to="1"></li>
    </ul>
      </div>
     </div> 
     
   </div> 
   <!-- 第三块 -->
   <div class="hs-body bg-white pt-5 pd-5">
     <div class="container">
       <div class="row">
         <div class="col-md-6 col-12">
           <h2 >About Bethany</h2> 
           <hr class="hr-1"> 
           <h5>We would love to meet up and chat about how we can make your dream wedding happen!</h5>
           <p>Wedding elit miss eget the solin missen citudino sellus rutrum in lacus son nemi vestibulum eleifen ornare drana company tortor semper at. Suspendise asin the sedisem tinciu the drana numune consue.</p>
           <p>Destination elit miss eget the solin miss citudino phasellus rutrum in lacus miss. Vestibulum eleifen ornare drana sempe numune consue.</p>
           <p>Event elit miss eget the solin miss citudino phasellus rutrum in the lacusi events vestibulum eleifen ornare drana company tortori sempe numune consue design elit miss eget the solin miss citudino sellus rutrum in lacus miss vestibulum eleifen ornare drana company tortor semper at.</p>
         </div> 
         <div class="col-md-5 offset-1">
            <div class="about-img">
                <div class="img">
                    <img src="./moban5554/images/about.jpg" alt="" class="hs-1">
                </div>
                <div class="about-img-2">Bethany Dan</div>
            </div>
        </div>
       </div> 
     </div> 
   </div>
   <!-- 第四块 -->
   <div class="bg-light">
     <div class="container">
       <div class="row">
         <div class="col-lg-6 col-12 hs-bt2">
           <h2>Wedding Dates</h2>
           <hr class="hr-1"> 
           <p>Your at-a-glance guide to where I stand on all the truly important things. Wedding elit miss the eget the solin miss citudino selus rutrum in miss vestibulum eleifen ornare torto.</p>
         </div> 
         <div class="col-lg-6 col-12 ">
           <table>
            <tr> 
              <td> 
                 <h6>1. SWITZERLAND
                  <br>
                 <span>{SEPTEMBER : 2021}</span>
                 </h6>                
              </td> 
               <td>
                 <p>Bauen</p>
              </td>
            </tr>   
            <tr>  
              <td>
               <h6 >2. ITALY
               <br>
               <span>{OCTOBER : 2021}</span></h6>
              </td>
              <td>
                 <p >Rome</p>
              </td>
            </tr>
            <tr>
              <td>
               <h6 >3. AMSTERDAM
                 <br>
                 <span>{NOVEMBER : 2021}</span> </h6> 
              </td>
              <td>
                <p >Netherlands</p> 
              </td>
            </tr>
            <tr>
              <td>
               <h6 >4. SPAIN
               <br>
               <span>{DECEMBER : 2021}</span> </h6>  
              </td>
              <td><p > Barcelona</p></td>
            </tr>
           </table>  
         </div> 
       </div>
     </div>
   </div>
   <!-- 第五块 -->
   <div class="hs-d5">
     <div class="container">
      <div class="row">
        <div class="col-md-12 text-center">
            <h2>Our Services</h2>
            <hr class="line line-hr-center">
        </div>
        <div class="col-lg-6 text-center">
          <div class="services-item">
            <img class=" w-100" src="./moban5554/images/team/02.jpg" alt="">
            <br>
          </div>
          <h5>Olivia Louise</h5>
          <h6>Wedding & Event Planner</h6> 
        </div>
        <div class="col-lg-6 text-center">
          <div class="services-item">
            <img class="w-100" src="./moban5554/images/team/01.jpg" alt="">
            <br>
          </div>
          <h5>Betty Emily</h5>
          <h6>Event  Planner</h6> 
        </div>
        
        
      </div>
     </div>
   </div>
   <!-- 第六块 -->
    

  <!-- 尾部 -->
  <div class="hs-footer">
    <!--页尾的上半部分  -->
    <div class="hs-ft">
      <div class="container">
        <div class="row">
          <div class="col-lg-2 col-sm-4 col-6 text-center pt-4 pb-3">
            <img src="./moban5554/images/clients/1.jpg" alt="" class="w-100">
          </div> 
          <div class="col-lg-2 col-sm-4 col-6 text-center pt-4 pb-3">
            <img src="./moban5554/images/clients/2.jpg" alt="" class="w-100">
          </div> 
          <div class="col-lg-2 col-sm-4 col-6 text-center pt-4 pb-3">
            <img src="./moban5554/images/clients/3.jpg" alt="" class="w-100">
          </div> 
          <div class="col-lg-2 col-sm-4 col-6 text-center pt-4 pb-3">
            <img src="./moban5554/images/clients/4.jpg" alt="" class="w-100">
          </div>
          <div class="col-lg-2 col-sm-4 col-6  text-center pt-4 pb-3">
            <img src="./moban5554/images/clients/5.jpg" alt="" class="w-100">
          </div>
          <div class="col-lg-2 col-sm-4 col-6 text-center pt-4 pb-3">
            <img src="./moban5554/images/clients/6.jpg" alt="" class="w-100">
          </div>  
        </div>  
      </div>  
    </div>
    <!-- 页尾的下半部分 -->
    <div class="hs-fb bg-sh bg-zt pt-5 pb-5">
      <div class="container">
        <div class="row">
          <div class="col-lg-4 col-md-12">
           <h2>Bethany</h2> 
           <p>We believe that it is all about the BIG DREAMS and the small details!</p> 
            <img src="./img/footer/footerFont.png" alt="">
          </div>  
          <div class="col-lg-4 col-md-12">
            <div class="d-flex justify-content-around"> 
            <ul class="list-unstyled text-center bg-zt">
             <li><h6 class="text-nowrap">Useful Links</h6></li>
             <li><a href="#">About</a></li>
             <li><a href="#">Services</a></li>
             <li><a href="#">Protfolio</a></li> 
             <li><a href="#">F.A.Qs</a></li>  
            </ul>
            <ul  class="list-unstyled text-center bg-zt">
              <li><h6 class="text-nowrap">Get in touch</h6></li>
              <hr>
              <li>+1.123.444.0000</li>
              <li>info@bethany.com</li>  
            </ul>  
            <ul  class="list-unstyled text-center bg-zt">
              <li><h6>Location</h6></li>
              <hr>
              <li class="text-nowrap">Broadway 5 St Normain New York</li>
              <li>98499,USA</li>  
              <li>
                <img src="./img/footer/wechat.png" alt="">
                <img src="./img/footer/sinablog.png" alt="">
              </li>
            </ul>
          </div> 
          </div> 
        </div>
      </div> 
    </div>
    <div class="row bg-sh">
      <div class="col-12 text-center">
        Copyright © 2021.Company name All rights reserved.
      </div>  
    </div>
  </div>
</body>
</html>